<template>
  <div>
    <div class="m-main">
      <div class="m-img">
        <img src="../../../static/images/banner2.png" alt="">
      </div>
      <div class="container main">
        <div class="m-content">
          <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="科技企业" name="TechnologyEnterprise"></el-tab-pane>
            <el-tab-pane label="融资需求" name="FinancingNeeds"></el-tab-pane>
            <el-tab-pane label="融资金额" name="FinancingAmount"></el-tab-pane>
          </el-tabs>
          <component v-bind:is="activeName"></component>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import TechnologyEnterprise from './TechnologyEnterprise'
  import FinancingNeeds from './FinancingNeeds'
  import FinancingAmount from './FinancingAmount'

    export default {
        name: "FinanceData",
      components:{TechnologyEnterprise,FinancingNeeds,FinancingAmount},
      data(){
          return{
            activeName:'TechnologyEnterprise',

        }
      },
      mounted(){

      },
      methods:{

        handleClick(tab){
          this.activeName=tab.name
        }
      }
    }
</script>

<style lang="less" scoped>
  .m-main{
    font-family:MicrosoftYaHei;
    font-weight:400;
    color: #333;
    .m-img{
      width: 100%;
      img{
        width: 100%;
      }
    }
    .m-content{
     .m-chat{
       background: #ffffff;
       padding: 20px 10px;

     }
    }
    .main{

    }
  }
</style>
